*{
    margin:0;
    padding:0;
}
.box{
    width:800px;
    height:800px;
    margin:0 auto;
    padding-top: 50px;
    background: #d2ecea;
}
.div{
    width: 800px;
    height: 50px;
}
h1{
    text-align: center;
}
.nav{
    width:150px;
    height: 50px;
    float: right;
}
#zc,#dl{
    width: 50px;
    height: 30px;
    display: inline-block;
    background: #fbe8eb;
    float: left;
    border: 1px solid #DBE4E8;
    margin-right: 5px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
}

.login{
    width: 520px;
    height:250px;
    border:2px solid #333333;
    margin: 20px auto;
    display: block;
}
.reg{
    width: 520px;
    height:250px;
    border:2px solid #333333;
    margin: 20px auto;
    display: block;
}
.main1,main2{
    width: 510px;
    height:160px;

}
.div1{
    width:500px;
    height: 22px;
    margin: 10px 20px;
}
.code{
    width:500px;
    height: 22px;
    margin: 10px 20px;

}
.lab{
    display: inline-block;
    width:65px;
    height: 22px;
}
#id1,#password1,#num1,#id,#password,#num{
    display: inline-block;
    width: 200px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}
.tip1,tip2,tip3,tip4{
    width:210px;
    height: 22px;
}
.div2{
    width:80px;
    height: 24px;
    display: inline-block;
    background: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight:bolder;
    font-style:italic;
    letter-spacing: 3px;
    color: #e00145;
}
.div3{
    width:100px;
    height:80px ;
}
#login,#reg{
    width:150px;
    height:40px;
    margin: 10px 85px  ;
    text-align: center;
    font-size: 20px;
}